<%@page import="com.neiquan.backstage.convenience_service.ConvenienceServiceService"%>
<%@page import="com.neiquan.backstage.pub.bsc.dao.po.ConvenienceService"%>
<%@page import="com.neiquan.backstage.common.util.Configs"%>
<%@page import="com.neiquan.backstage.pub.bsc.dao.po.Event"%>
<%@page import="java.util.List"%>
<%@page import="com.neiquan.backstage.event.EventService"%>
<%@page import="com.neiquan.backstage.common.CommonService"%>
<%@page import="com.neiquan.backstage.common.util.SpringContextUtils"%>
<%@page import="org.springframework.context.ApplicationContext"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
Integer memberId = Integer.valueOf(request.getParameter("id"));
ApplicationContext appCtx = SpringContextUtils.getApplicationContext();
ConvenienceServiceService convenienceServiceService = appCtx.getBean(ConvenienceServiceService.class);
ConvenienceService convenienceService = convenienceServiceService.queryById(memberId);
pageContext.setAttribute("convenienceService", convenienceService);
%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="UTF-8">
	<title>${convenienceService.name}</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1.0" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<link rel="stylesheet" href="css/base.css" />
	<link rel="stylesheet" href="css/main.css" />
</head>
<body bgcolor="#f0f0f0">
	<section class="mt common_bg">
			<section class="pd copyprint-top c">
				<span class="fl copyprint-left">${convenienceService.name}</span>
				<section class="copyprint-right copyprint-top-right fr">
					<img src="${convenienceService.imgUrl}" alt="" />
					<article class="copyprint-article">${convenienceService.desc}</article>
				</section>
			</section>
		</section>
		<section class="mt common_bg">
			<section class="copyprint-bottom pd">
				<section class="c">
					<span class="fl copyprint-left">地址</span>
					<section class="copyprint-right fr">
						<article class="copyprint-article copyprint-addr">${convenienceService.addr}</article>
					</section>
				</section>
				<section class="c">
					<span class="fl copyprint-left">联系方式</span>
					<a href="tel:${convenienceService.phone}" class="copyprint-right fr copyprint-article copyprint-tel">${convenienceService.phone}</a>
				</section>
				<section class="c">
					<span class="fl copyprint-left">详细说明</span>
					<section class="copyprint-right fr">
						<article class="copyprint-article">${convenienceService.detail}</article>
					</section>
				</section>
			</section>
		</section>
</body>
<script>
			$(function(){
				var zhubajieH = $('.copyprint-top-right').height();
				$('.copyprint-top').height(zhubajieH);
				$('.copyprint-bottom').height(window.innerHeight - zhubajieH - 60);
			})
		</script>
<script src="js/jquery.min.js"></script>		
<script src="js/responsive.js"></script>
</html>
